@charset "UTF-8";
body {
overflow-x: hidden;
overflow-y: auto;
}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
margin: 0px;
}
input, button, ul, ol {
margin: 0px;
padding: 0px;
}
body, input, button, form {
font-size: 14px;
line-height: 28px;
font-family: "microsoft yahei", "宋体", "Arial";
color: #333333;
}
h1, h2, h3, h4, h5, h6 {
font-size: 14px;
font-weight: normal;
}
ul, ol, li {
list-style: none;
}
input {
background: none;
border: 0 none;
}
img, iframe {
border: 0px;
}
em, i {
font-style: normal;
}
button, input, select, textarea {
font-size: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.red {
color: #ba292e;
}
.fl {
float: left;
}
.fr {
float: right;
display: inline;
}
.tac {
text-align: center;
}
.tar {
text-align: right;
}
.poa {
position: absolute;
}
.por {
position: relative;
}
.hidden {
display: none;
}
.w1200 {
width: 1200px;
margin: 0 auto;
}
.ico {
background: url(../images/icon.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
a {
color: #333333;
text-decoration: none;
}
a:hover {
color: #62ba0c;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
.ease, .ease * {
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.noease, .noease * {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
/*清除浮动*/
.clearfix {
*zoom: 1;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/*top_main*/
.top_main {
width: 100%;
height: 30px;
line-height: 30px;
position: relative;
z-index: 80;
background-color: #f2f2f2;
color: #333333;
font-size: 12px;
}
.top_main li {
position: relative;
display: inline-block;
text-align: center;
margin: 0 8px;
}
.top_main li a {
color: #333333;
cursor: pointer;
}
.top_main li a:hover {
color: #62ba0c;
}
.top_main .split {
display: inline-block;
width: 1px;
height: 12px;
background: #666;
vertical-align: middle;
margin: 0;
}
/*header_main*/
.header_main {
width: 100%;
height: 120px;
z-index: 100;
background: #fff;
}
.header_main .logo {
width: 540px;
height: 60px;
display: block;
margin-top: 28px;
}
.header_main .logo img {
width: 100%;
height: 100%;
display: block;
}
.header_main .tel {
width: 300px;
padding: 32px 0 0 0;
line-height: 26px;
margin-left: 30px;
}
.header_main .tel span1 {
font-size: 20px;
font-weight: bold;
color: #62ba0c;
font-family: arial;
}
.header_main .tel span {
font-size: 30px;
font-weight: bold;
color: #62ba0c;
font-family: arial;
}
.header_main .tel s {
width: 57px;
height: 57px;
float: left;
margin-right: 10px;
background-position: 0 0;
}
.header_main .search {
width: 300px;
height: 41px;
line-height: 41px;
margin-top: 38px;
border: 2px solid #62ba0c;
position: relative;
float: right;
}
.header_main .search * {
font-family: arial;
}
.header_main .search .sbtn {
width: 100px;
height: 45px;
font-size: 16px;
text-align: center;
color: #fff;
position: absolute;
right: -2px;
top: -2px;
background: #62ba0c;
cursor: pointer;
}
.header_main .search .stxt {
width: 200px;
padding-left: 10px;
height: 41px;
line-height: 41px;
border: 0px;
background: none;
outline: none;
color: #999;
}
.nav_main {
width: 100%;
height: 60px;
line-height: 60px;
position: fixed;
background: #8cc322;
position: relative;
z-index: 3;
}
.nav .list {
width: 102%;
margin: 0 auto;
height: 60px;
line-height: 60px;
position: relative;
}
.nav_main .nav {
width: 1200px;
margin: 0 auto;
}
.nav_main .nav li {
float: left;
width: 170px;
display: block;
position: relative;
z-index: 10;
font-size: 16px;
border-right: 1px solid #0b2d7e;
text-align: center;
}
.nav_main .nav li:first-child {
border-left: 1px solid #0b2d7e;
background: none;
}
.nav_main .nav li:first-child.hover {
background-color: #62ba0c;
}
.nav_main .nav li a {
display: block;
color: #fff;
font-size: 16px;
}
.nav_main .nav li a:hover, .nav_main .nav li a.hover, .nav_main .nav li #hover2 {
background: #62ba0c;
}
.nav_main .nav dl {
width: 169px;
background: #fff;
position: absolute;
left: 0;
top: 60px;
z-index: 12;
border: 1px solid #62ba0c;
}
.nav_main .nav dl {
position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
opacity: 0;
visibility: hidden;
transition: all .6s ease 0s;
transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
}
.nav_main .nav li:hover dl {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.nav_main .nav dl dd {
line-height: 49px;
height: 49px;
border-top: 1px solid #e5e5e5;
text-align: left;
position: relative;
z-index: 12;
display: block;
width: 100%;
}
.nav_main .nav dl dd:first-child {
border: none;
}
.nav_main .nav dl dd a {
color: #666;
font-size: 16px;
padding: 0;
width: 100%;
text-align: center;
}
.nav_main .nav dl dd a:hover, .nav_main .nav dl dd a.hover {
background: #62ba0c;
color: #fff;
}
.nav_main .nav dl dd .three {
position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
opacity: 0;
visibility: hidden;
transition: all .6s ease 0s;
transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(-10px, 0, 0);
}
.nav_main .nav dl dd:hover .three {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.nav_main .nav dl dd .three {
position: absolute;
left: 158px;
top: 4px;
padding-left: 20px;
color: #666;
z-index: 10;
background: url(../images/menu_bg.png) 12px 10px no-repeat;
}
.nav_main .nav dl dd .three a {
color: #fff;
width: 140px;
font-size: 14px;
background: #62ba0c;
text-align: center;
display: block;
height: 39px;
line-height: 39px;
border-top: 1px solid #62ba0c;
transition: ease-in-out .2s;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.nav_main .nav dl dd .three a:first-child {
border-top: none;
}
.nav_main .nav dl dd .three a:hover {
background: #62ba0c;
color: #fff;
}
/* banner */
#banner_main {
overflow: hidden;
position: relative;
z-index: 2;
max-width: 1920px;
margin: 0 auto;
}
#banner_main .banner {
height: 550px;
}
#banner {
width: 100%;
min-width: 1000px;
position: relative;
overflow: hidden;
z-index: 0;
}
#banner, .banner ul {
max-height: 550px;
overflow: hidden;
}
.banner li {
width: 100%;
position: absolute;
z-index: 1;
overflow: hidden;
display: none;
}
.banner li:first-child {
display: block;
}
.banner li img {
width: 1920px;
display: block;
position: relative;
left: 50%;
margin-left: -960px;
top: 0;
}
#banner .tip {
width: 1000px;
height: 20px;
line-height: 0;
font-size: 0;
text-align: center;
position: absolute;
left: 50%;
margin-left: -500px;
bottom: 42px;
z-index: 3;
}
#banner .tip span {
width: 16px;
height: 16px;
margin: 0 6px;
display: inline-block;
font-size: 0;
cursor: pointer;
background-position: -150px 0px;
}
#banner .tip span.cur {
background-position: -130px 0px;
}
#banner #btn_prev, #banner #btn_next {
width: 32px;
height: 50px;
position: absolute;
top: 250px;
z-index: 5;
}
#banner #btn_prev {
background-position: -60px 0;
left: 12%;
transition: all 600ms ease;
}
#banner #btn_next {
background-position: -92px 0;
right: 12%;
transition: all 600ms ease;
}
#banner #btn_prev:hover {
opacity: .8;
filter: alpha(opacity=80);
transition: all 600ms ease;
left: 11.6%;
}
#banner #btn_next:hover {
opacity: .8;
filter: alpha(opacity=80);
transition: all 600ms ease;
right: 11.6%;
}
/*footer*/
.footer {
width: 100%;
color: #fff;
padding: 30px 0 20px;
background: #191919;
}
.footer .links {
padding-bottom: 30px;
margin-bottom: 30px;
font-size: 16px;
border-bottom: 1px solid #434343;
}
.footer .links span {
color: #f9f9f9;
display: inline-block;
}
.footer .links a {
display: inline-block;
color: #f9f9f9;
padding-right: 10px;
}
.footer .links a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.footer .contact {
width: 340px;
}
.footer .contact .ewm {
width: 100px;
height: 100px;
background: #ddd;
}
.footer .contact .ewm img {
display: block;
margin: 6px;
width: 88px;
height: 88px;
}
.footer .contact .contact_info {
margin-left: 16px;
}
.footer .contact .contact_info p {
font-size: 14px;
color: #fff;
line-height: 14px;
}
.footer .contact .contact_info .tel {
margin-top: 10px;
margin-bottom: 12px;
font: normal 30px "arial";
color: #407fe1;
line-height: 24px;
}
.footer .contact .contact_info .p2 {
margin-bottom: 6px;
}
.footer .bNav {
width: 850px;
}
.footer .bNav .item {
float: left;
line-height: 26px;
}
.footer .bNav .item h3 {
margin-bottom: 24px;
padding: 0 34px;
border-right: 1px solid #407fe1;
}
.footer .bNav .item:first-child h3 {
border-left: 1px solid #407fe1;
}
.footer .bNav .item h3 a {
color: #fff;
font-size: 18px;
text-indent: 0px;
}
.footer .bNav .item h3 a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.footer .bNav .item a {
color: #ccc;
display: block;
font-size: 12px;
line-height: 26px;
text-indent: 40px;
}
.footer .bNav .item a:hover {
color: #fff;
}
/*copyright*/
.copyright {
height: 57px;
line-height: 57px;
color: #999999;
font-size: 12px;
background: #101010;
border-top: 1px solid #434343;
}
.copyright span {
margin: 0 12px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.copyright a {
color: #999999;
}
.copyright a:hover {
color: #fff;
}
/*******index css*******/
.indexTit {
color: #62ba0c;
overflow: hidden;
text-align: center;
padding: 30px 0 56px;
}
.indexTit .en {
text-transform: uppercase;
line-height: 35px;
font-family: didot;
font-size: 24px;
}
.indexTit h3 {
font-size: 24px;
color: #835026;
}
.index .in_title {
padding-top: 30px
}
.index .in_title .entit {
margin-bottom: 12px;
font: normal 45px "AvantGarde Bk BT";
color: #666;
text-align: center
}
.index .in_title .tit {
width: 300px;
margin: 0 auto;
font-size: 30px;
font-weight: bold;
text-align: center;
color: #62ba0c;
}
.index .in_title .tit span {
float: left;
margin-left: 40px;
}
.index .in_title .tit em {
display: block;
width: 50px;
height: 2px;
margin-top: 16px;
background: #ccc;
}
.index .tab {
text-align: center;
padding-top: 50px;
}
.index .tab a {
padding: 0 16px;
height: 40px;
line-height: 40px;
background: #62ba0c;
font-size: 18px;
display: inline-block;
margin: 0 20px;
color: #fff;
}
.index .tab a:hover {
background: #62ba0c;
}
.index .more {
margin-top: 40px;
}
.index .more .line {
display: block;
width: 500px;
height: 1px;
margin-top: 24px;
background: #ccc;
}
.index .more .look_more {
display: block;
width: 198px;
height: 48px;
font-size: 16px;
line-height: 48px;
text-align: center;
border: 1px solid #ccc;
transition: all .5s;
}
.index .more .look_more:hover {
background: #62ba0c;
color: #fff;
transition: all .5s;
border: 1px solid #62ba0c;
}
.index #floor_1_main {
height: 416px;
background: #f6f6f6;
}
#floor_1_main .about {
padding-top: 80px;
}
#floor_1_main .about .item {
display: block;
width: 600px;
height: 424px;
}
#floor_1_main .about img {
display: block;
width: 100%;
height: 100%;
}
#floor_1_main .about img:hover {
-webkit-filter: brightness(105%);
filter: brightness(105%);
}
#floor_1_main .contW {
position: relative;
display: block;
width: 600px;
height: 374px;
margin-top: 50px;
background: #fff;
}
#floor_1_main .contW .title {
margin-left: 50px;
padding-top: 50px;
}
#floor_1_main .contW .title .entit {
font: normal 45px "AvantGarde Bk BT";
color: #666;
}
#floor_1_main .contW .title .tit {
font: bold 30px "microsoft yahei";
color: #62ba0c;
}
#floor_1_main .contW .cont {
width: 484px;
margin-top: 30px;
margin-left: 50px;
font-size: 14px;
color: #666;
line-height: 30px;
text-align: justify;
}
#floor_1_main .contW .view_detail {
position: absolute;
bottom: 0px;
left: 50px;
display: block;
width: 150px;
height: 38px;
font-size: 14px;
line-height: 38px;
text-align: center;
color: #fff;
background: #62ba0c;
}
#floor_1_main .contW .view_detail:hover {
background: #62ba0c;
transition: all .5s;
}
#floor_2_main {
background: #fff;
}
#floor_2_main .floor_2 {
padding-bottom: 45px;
}
#floor_2_main .floor_2 .title {
}
#floor_2_main .proCenter .list {
width: 106%;
margin-top: 38px;
}
#floor_2_main .proCenter .list li {
float: left;
width: 380px;
height: 355px;
margin-top: 30px;
margin-right: 30px;
background: #08F;
transition: all .5s;
}
#floor_2_main .proCenter .list li a {
display: block;
padding: 38px 30px 0 30px;
}
#floor_2_main .proCenter .list li img {
width: 320px;
height: 240px;
}
#floor_2_main .proCenter .list li .tit {
height: 56px;
font-size: 20px;
text-align: center;
}
#floor_2_main .proCenter .list li:first-child {
margin-left: 0px;
}
#floor_2_main .proCenter .list li .title {
margin-top: 12px;
}
#floor_2_main .proCenter .list li .tit {
color: #333;
}
#floor_2_main .proCenter .list li em {
width: 100px;
height: 26px;
background: url("../images/em.png") no-repeat;
transition: all .5s;
}
#floor_2_main .proCenter .list li:hover {
background: #62ba0c;
}
#floor_2_main .proCenter .list li:hover .tit {
color: #fff;
}
#floor_2_main .proCenter .list li:hover em {
width: 100px;
height: 26px;
background: url("../images/em1.png") no-repeat;
transition: all .5s;
}
#floor_2_main .proCenter .list li:hover img {
-webkit-filter: brightness(105%);
filter: brightness(105%);
}
/*slip*/
.index_slip {
height: 180px;
background: url("../images/ixbannerbg1.png") no-repeat center center;
}
.index_slip .slip_tit {
width: 772px;
}
.index_slip .slip_tit .tit1 {
padding-top: 50px;
font: bold 32px "microsoft yahei";
color: #64c5ff;
}
.index_slip .slip_tit .tit2 {
margin-top: 14px;
font-size: 24px;
color: #fff;
}
.index_slip .slip_btn {
display: block;
margin-left: 124px;
margin-top: 64px;
width: 202px;
height: 57px;
background: url("../images/ixbanner-btn.png") no-repeat;
font: bold 20px "microsoft yahei";
line-height: 56px;
text-align: center;
color: #10479f;
}
.index_slip1 {
background: url("../images/ixbannerbg.jpg") no-repeat center center;
}
.index_slip1 .slip_tit {
width: 900px;
}
.index_slip1 .slip_btn {
margin-left: 94px;
}
.index_slip .slip_btn:hover {
background: url("../images/ixbanner-btn1.png") no-repeat;
}
.index_slip1 .slip_btn:hover {
background: url("../images/ixbanner-btn1.png") no-repeat;
}
/*产品优势*/
#floor_3_main {
height: 606px;
background: #fff;
}
#floor_3_main .proAdvant {
margin-top: 60px;
}
#floor_3_main .proAdvant .list {
width: 106%;
}
#floor_3_main .proAdvant .list li {
float: left;
width: 180px;
margin-right: 120px;
}
#floor_3_main .proAdvant .list li a {
display: block;
}
#floor_3_main .proAdvant .list li:first-child {
margin-left: 30px;
}
#floor_3_main .proAdvant .list li .img {
width: 134px;
height: 150px;
margin: 0 auto;
transition: all .5s;
margin-left: 30px;
}
#floor_3_main .proAdvant .list li .title {
margin-top: 30px;
}
#floor_3_main .proAdvant .list li .tit {
font-size: 24px;
text-align: center;
color: #62ba0c;
}
#floor_3_main .proAdvant .list li .cont {
margin-top: 20px;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #666;
}
#floor_3_main .proAdvant .list li:hover .img {
margin-top: -10px;
transition: all .5s;
}
#floor_3_main .proAdvant .list li:hover .tit {
font-weight: bold;
}
/*工程案例*/
#floor_4_main {
background: #f6f6f6;
padding-bottom: 45px;
}
#floor_4_main .floor_4 {
}
#floor_4_main .proCase {
position: relative;
margin-top: 60px;
}
#floor_4_main .proCase .list {
width: 106%;
}
#floor_4_main .proCase .list li {
position: relative;
display: block;
float: left;
width: 380px;
height: 480px;
margin-right: 30px;
border: 1px solid #ddd;
background: #fff;
transition: all ease 600ms;
}
#floor_4_main .proCase .list li a {
display: block;
padding: 30px;
padding-bottom: 80px;
}
#floor_4_main .proCase .list li a img {
display: block;
width: 320px;
height: 240px;
}
#floor_4_main .proCase .list li .title {
margin-top: 20px;
}
#floor_4_main .proCase .list li .tit {
font-size: 20px;
color: #333;
}
#floor_4_main .proCase .list li .cont {
margin-top: 12px;
font-size: 14px;
color: #333;
}
#floor_4_main .proCase .list li .view_detail {
position: absolute;
bottom: 30px;
left: 30px;
display: block;
width: 120px;
height: 32px;
font-size: 14px;
line-height: 30px;
text-align: center;
background: #62ba0c;
color: #fff;
}
#floor_4_main .proCase .list li:hover {
border: 1px solid #62ba0c;
background: #62ba0c;
transition: all ease 600ms;
}
#floor_4_main .proCase .list li:hover .tit {
color: #fff;
}
#floor_4_main .proCase .list li:hover .cont {
color: #c1d4f1;
}
#floor_4_main .proCase .list li:hover .view_detail {
background: #fff;
color: #62ba0c;
}
#floor_4_main .proCase .hd {
position: absolute;
width: 100%;
}
#floor_4_main .proCase .hd .prev {
width: 42px;
height: 42px;
background-position: 0px -60px;
cursor: pointer;
position: absolute;
top: -200px;
left: -80px;
transition: all ease 600ms;
}
#floor_4_main .proCase .hd .next {
width: 42px;
height: 42px;
background-position: -126px -60px;
cursor: pointer;
position: absolute;
top: -200px;
right: -80px;
transition: all ease 600ms;
}
#floor_4_main .proCase .hd .prev:hover {
background-position: -42px -60px;
transition: all ease 600ms;
}
#floor_4_main .proCase .hd .next:hover {
background-position: -84px -60px;
transition: all ease 600ms;
}
/*新闻动态*/
#floor_5_main {
padding-bottom: 45px;
background: #fff;
}
#floor_5_main .inews {
position: relative;
margin-top: 20px;
}
#floor_5_main .ulWrap .list {
width: 100%;
height: 360px;
}
#floor_5_main .ulWrap .list li {
display: block;
float: left;
width: 582px;
height: 148px;
border: 1px solid #ddd;
background: #f6f6f6;
margin-top: 30px;
margin-right: 30px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#floor_5_main .ulWrap .list li a {
display: block;
height: 150px;
}
#floor_5_main .ulWrap .list li .time {
width: 66px;
margin-top: 40px;
margin-left: 30px;
}
#floor_5_main .ulWrap .list li .time .day {
font: normal 60px "arial";
color: #999;
line-height: 50px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#floor_5_main .ulWrap .list li .time .year {
margin-top: 8px;
font: normal 16px "arial";
color: #666;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#floor_5_main .ulWrap .list li .title {
display: block;
width: 420px;
margin-top: 40px;
margin-left: 14px;
}
#floor_5_main .ulWrap .list li .title .tit {
font-size: 20px;
color: #333;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#floor_5_main .ulWrap .list li .title .cont {
margin-top: 8px;
font-size: 14px;
color: #666;
line-height: 20px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#floor_5_main .ulWrap .list li:hover {
background: #62ba0c;
border: 1px solid #62ba0c;
}
#floor_5_main .ulWrap .list li:hover .time .day {
color: #c1d4f1;
}
#floor_5_main .ulWrap .list li:hover .time .year {
color: #c1d4f1;
}
#floor_5_main .ulWrap .list li:hover .title .tit {
color: #fff;
}
#floor_5_main .ulWrap .list li:hover .title .cont {
color: #c1d4f1;
}
#floor_5_main .inews .hd {
position: absolute;
width: 100%;
top: 100%;
}
#floor_5_main .inews .hd .prev {
width: 42px;
height: 42px;
background-position: 0px -60px;
cursor: pointer;
position: absolute;
top: -200px;
left: -80px;
transition: all ease 600ms;
}
#floor_5_main .inews .hd .next {
width: 42px;
height: 42px;
background-position: -126px -60px;
cursor: pointer;
position: absolute;
top: -200px;
right: -80px;
transition: all ease 600ms;
}
#floor_5_main .inews .hd .prev:hover {
background-position: -42px -60px;
transition: all ease 600ms;
}
#floor_5_main .inews .hd .next:hover {
background-position: -84px -60px;
transition: all ease 600ms;
}
/*******内页样式********/
.nybanner {
width: 100%;
height: 160px;
overflow: hidden;
position: relative;
}
.nybanner img {
width: 1920px;
display: block;
position: absolute;
left: 50%;
margin-left: -960px;
top: 0;
}
.submian {
padding-bottom: 30px;
}
.submian .sobtitle {
height: 30px;
line-height: 30px;
padding: 10px 0px 10px;
margin-bottom: 20px;
font-size: 14px;
border-bottom: 1px solid #f1f1f1;
}
.submian .sobtitle s {
width: 14px;
height: 14px;
margin-right: 10px;
background-position: -129px -30px;
}
.submian .sobtitle a {
font-size: 14px;
color: #333
}
.submian .sobtitle a:hover {
color: #62ba0c;
}
.submian .sobtitle a.now {
color: #62ba0c;
font-size: 14px;
font-weight: bold;
}
.submian .sobtitle a.now:hover {
text-decoration: underline;
}
.submian .subleft {
width: 245px;
}
.submian .subleft .title {
background: url(../images/bg5.jpg) no-repeat left;
height: 102px;
color: #fff;
font-size: 20px;
font-weight: bold;
padding-right: 29px;
}
.submian .subleft .title h2 {
line-height: 102px;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.submian .subleft .title i {
font-size: 20px;
font-weight: bold;
color: #fff;
padding-left: 13px;
padding-top: 2px;
}
.submian .subleft .bort9 {
border-top: 9px solid #007eb9;
border-radius: 5px 5px 0px 0px;
}
.submian .subleft .bor9 {
border-bottom: 9px solid #eaeaea;
}
.submian .subleft .lefta {
width: 245px;
margin-bottom: 10px;
}
.submian .subleft .lefta .comt {
background: #fff;
}
.submian .subleft .lefta .comt ul {
border: 1px solid #ddd;
}
.submian .subleft .lefta .comt ul li a {
background: #fff url(../images/tb9.png) 213px center no-repeat;
border-top: 1px solid #eaeaea;
line-height: 60px;
height: 60px;
display: block;
padding-left: 25px;
font-size: 14px;
}
.submian .subleft .lefta .comt ul li .box {
padding: 10px 0px;
display: none;
}
.submian .subleft .lefta .comt ul li .box a {
height: 30px;
line-height: 30px;
display: block;
color: #888;
border: 0px;
}
.submian .subleft .lefta .comt ul li .box a:hover {
color: #007eb9;
background: none;
}
.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a {
background: #62ba0c url(../images/tb11.png) 213px center no-repeat;
font-weight: bold;
color: #fff
}
.submian .subleft .lefta .comt ul li.hover a {
background: #62ba0c url(../images/tb11.png) 213px center no-repeat;
font-weight: bold;
color: #fff
}
.submian .subleft .lefta .comt ul li.hover .box a {
background: none;
font-weight: normal;
}
.submian .subleft .lefta .comt ul li.hover .box a.hover {
color: #007eb9;
font-weight: bold;
}
.submian .subleft .lefta .comt1 ul li a {
background: #fff url(../images/jia.png) 213px center no-repeat;
border-top: 1px solid #eaeaea;
line-height: 60px;
height: 60px;
display: block;
padding-left: 25px;
font-size: 14px;
}
.submian .subleft .lefta .comt1 ul li .box {
padding: 10px 0px;
display: none;
}
.submian .subleft .lefta .comt1 ul li .box a {
height: 30px;
line-height: 30px;
display: block;
color: #888;
border: 0px;
}
.submian .subleft .lefta .comt1 ul li .box a:hover {
color: #007eb9;
background: none;
}
.submian .subleft .lefta .comt1 ul li:hover a, .submian .subleft .lefta .comt1 ul li.hover a {
background: #62ba0c url(../images/jia1.png) 213px center no-repeat;
font-weight: bold;
color: #fff
}
.submian .subleft .lefta .comt1 ul li.hover a {
background: #62ba0c url(../images/jian.png) 213px center no-repeat;
font-weight: bold;
color: #fff
}
.submian .subleft .lefta .comt ul li .boxlist {
padding: 0;
display: none;
border: none;
}
.submian .subleft .lefta .comt ul li .boxlist li {
line-height: 50px;
background: #b1aeae;
}
.submian .subleft .lefta .comt ul li .boxlist li a {
height: 40px;
padding-left: 45px;
color: #333;
font-weight: normal;
border-bottom: 0;
line-height: 40px;
background: #f6f6f6 url(../images/tb12.png) 26px center no-repeat;
border-top: none;
}
.submian .subleft .lefta .comt ul li .boxlist li a:hover, .submian .subleft .lefta .comt ul li .boxlist li a.hover {
color: #62ba0c;
font-weight: bold
}
.submian .subleft .lefta .comt ul li.hover .boxlist {
display: block;
}
.submian .subright .anlitopH4 {
background: #fff;
}
.submian .subright .anlitopH4 {
height: 38px;
line-height: 38px;
border: 1px solid #e4e4e4;
margin-top: 20px;
}
.submian .subright .anlitopH4 span {
border-left: 5px solid #62ba0c;
height: 38px;
line-height: 38px;
padding-left: 22px;
display: block;
float: left;
color: #62ba0c;
font-weight: bold;
font-size: 14px;
}
.submian .subright .divanli {
border: 1px solid #e4e4e4;
border-top: none;
margin-bottom: 10px;
padding: 15px;
}
.submian .subright .divanli ul {
width: 105%;
height: 185px;
}
.submian .subright .divanli ul li {
float: left;
margin-left: 10px;
}
.submian .subright .divanli ul li:first-child {
margin-left: 0;
}
.submian .subright .divanli ul li a img {
width: 194px;
height: 143px;
display: block;
border: solid 1px #e4e4e4;
}
.submian .subright .divanli ul li a span {
height: 45px;
line-height: 45px;
text-align: center;
display: block;
width: 170px;
}
.submian .subright .divanli ul li a:hover img {
border-color: #007eb9;
}
.submian .subright .divanli ul li a:hover span {
color: #007eb9;
font-weight: bold;
}
.submian .subright .divremmnews {
border: 1px solid #e4e4e4;
border-top: none;
margin-bottom: 10px;
padding: 15px;
background-color: #fff;
}
.submian .subright .divremmnews ul {
width: 100%;
overflow: hidden;
}
.submian .subright .divremmnews ul li {
float: left;
width: 47%;
height: 35px;
line-height: 35px;
margin: 0 1.5%;
border-bottom: 1px dashed #ccc;
}
.submian .subright .divremmnews ul li a {
height: 35px;
line-height: 35px;
float: left;
overflow: hidden;
}
.submian .subright .divremmnews ul li span {
color: #666;
float: right;
height: 35px;
line-height: 35px;
white-space: nowrap
}
.submian .subright .divremmnews ul li a:hover {
color: #62ba0c;
}
.map_ul {
list-style: outside none none;
display: block;
width: 100%;
padding-top: 10px;
}
.map_ul li {
display: block;
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #DCDBDB;
margin-left: 10px;
float: left;
}
.map_ul li a {
font-size: 14px;
float: left;
width: 100%;
height: 23px;
line-height: 23px;
font-weight: bold;
}
.map_ul .list-inline {
display: block;
margin-left: 14%;
width: 80%;
min-height: 30px;
}
.map_ul .list-inline a {
font-weight: normal;
width: auto;
float: none;
line-height: 32px;
height: 32px;
margin: 0 10px 10px 0;
display: inline-block;
border: 1px solid #ccc;
padding: 0px 10px;
}
.map_ul .list-inline a:hover {
background: #62ba0c;
color: #fff;
}
.submian .subleft .adv {
margin-bottom: 10px;
background: #000;
}
.submian .subleft .adv a img {
display: block;
width: 100%;
}
.submian .subleft .adv a:hover img {
opacity: 0.9;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
}
.submian .subleft .leftnews {
margin-bottom: 10px;
}
.submian .subleft .leftnews .title {
height: 42px;
padding-left: 52px;
padding-top: 18px;
}
.submian .subleft .leftnews .leftnewscomt {
background: #fff;
padding: 10px;
}
.submian .subleft .leftnews .leftnewscomt ul li {
height: 30px;
line-height: 30px;
border-bottom: 1px solid #f2f2f2;
overflow: hidden;
}
.submian .subleft .leftnews .leftnewscomt ul li a {
font-size: 14px;
display: block;
padding-left: 10px;
}
.submian .subleft .leftnews .leftcont {
background: #fff;
padding: 10px;
}
.submian .subleft .leftnews .leftcont h2 {
font-size: 16px;
font-weight: bold;
color: #62ba0c;
padding-bottom: 10px;
border-bottom: 1px solid #f2f2f2;
}
.submian .subleft .leftnews .leftcont span {
line-height: 24px;
font-size: 12px;
padding-top: 10px;
display: block;
border-bottom: 1px solid #f2f2f2;
}
.submian .subleft .leftnews .leftcont p {
font-size: 18px;
color: #333;
padding-top: 10px;
line-height: normal;
}
.submian .subleft .leftnews .leftcont p i {
font-size: 22px;
color: #62ba0c;
display: block;
}
.submian .subright {
width: 920px;
padding-bottom: 20px;
line-height: 28px;
}
.submian .subright .aboutlist {
color: #666;
}
.submian .subright img {
max-width: 920px;
}
.submian .subright .newslist .textlist li {
padding: 25px 0px 25px;
height: 110px;
border-bottom: 1px solid #ddd;
width: 100%;
margin-bottom: 25px;
}
.submian .subright .newslist .textlist li a {
display: block;
cursor: pointer;
}
.submian .subright .newslist ul li a img {
width: 147px;
float: left;
margin-right: 18px;
border: 1px solid #eee;
height: 110px;
display: block;
}
.submian .subright .newslist ul li a .txt {
color: #888;
line-height: 24px;
font-size: 12px;
}
.submian .subright .newslist .textlist li a p {
height: 40px;
line-height: 40px;
}
.submian .subright .newslist .textlist li a b {
color: #62ba0c;
font-size: 14px;
}
.submian .subright .newslist .textlist li a:hover b {
color: #62ba0c;
}
.submian .subright .newslist .textlist li a i {
color: #999;
display: block;
line-height: 20px;
margin-bottom: 5px;
font-size: 12px;
}
.submian .subright .newslist .textlist li a span {
line-height: 22px;
max-height: 66px;
overflow: hidden;
display: block;
color: #666;
}
.submian .subright .newslist .textlist2 li {
height: 40px;
line-height: 40px;
}
.submian .subright .newslist .textlist2 li a {
display: block;
}
.submian .subright .newslist .textlist2 li s {
width: 4px;
height: 4px;
display: inline-block;
vertical-align: middle;
background: #007eb9;
margin-right: 10px;
border-radius: 100%;
}
.submian .subright .newslist ul li a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}
.submian .subright .newslist ul li a:hover p b {
text-decoration: underline;
}
.submian .subright .newslist ul li a:hover span {
color: #777;
}
.submian .subright .caselist ul li {
padding: 20px 0px;
border-bottom: 1px dotted #c2c2c2;
height: 176px;
}
.submian .subright .caselist ul li a {
display: block;
}
.submian .subright .caselist ul li a img {
width: 220px;
height: 162px;
display: block;
border: 7px solid #e2e2e2;
}
.submian .subright .caselist ul li a .txt {
width: 470px;
float: left;
padding-left: 20px;
}
.submian .subright .caselist ul li a .txt p {
height: 40px;
line-height: 40px;
color: #007eb9;
font-size: 14px;
font-weight: bold;
}
.submian .subright .caselist ul li a .txt i {
color: #666;
padding-bottom: 10px;
display: block;
}
.submian .subright .caselist ul li a .txt span {
line-height: 22px;
height: 88px;
overflow: hidden;
display: block;
color: #666;
}
.submian .subright .caselist ul li a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
border-color: #007eb9;
}
.submian .subright .caselist ul li a:hover p {
text-decoration: underline;
}
.submian .subright .caselist ul li a:hover span {
color: #777;
}
.submian .subright .mess {
background: #fff;
padding: 0px 40px 30px;
width: 596px;
margin-left: 80px;
}
.submian .subright .mess h1 {
text-align: center;
font-size: 30px;
padding-bottom: 10px;
}
.submian .subright .mess p {
text-align: center;
padding-bottom: 30px;
}
.submian .subright .mess .left {
}
.submian .subright .mess .left li {
margin-bottom: 15px;
float: left;
margin-right: 10px;
}
.submian .subright .mess .left label {
width: 150px;
height: 43px;
line-height: 43px;
text-align: center;
background: none;
color: #62ba0c;
font-size: 16px;
float: left;
border-radius: 3px 0 0 3px;
border: 1px solid #62ba0c;
}
.submian .subright .mess .left input {
border: 1px solid #ccc;
border-left: none;
float: left;
height: 21px;
line-height: 21px;
padding: 11px 10px;
width: 404px;
color: #666;
border-radius: 0px 3px 3px 0;
outline: none;
}
.submian .subright .mess .left select {
border: 1px solid #ccc;
border-left: none;
float: left;
height: 45px;
line-height: 45px;
width: 424px;
color: #666;
border-radius: 0px 3px 3px 0;
outline: none;
text-indent: 10px;
}
.submian .subright .mess .right {
float: left;
width: 585px;
padding-top: 10px;
*padding-top:20px;
}
.submian .subright .mess .right input, .submian .subright .mess .right a {
width: 40%;
margin-right: 2%;
height: 45px;
line-height: 45px;
text-align: center;
display: block;
border: none;
background: #62ba0c;
color: #fff;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
transition: ease-in-out .2s;
float: left
}
.submian .subright .mess .right a {
color: #333;
background: #ffcc00;
float: right
}
.submian .subright .mess .right a:hover {
background: #cda503;
}
.submian .subright .mess .right input:hover {
background: #2bba72;
}
.honorlist ul.list {
float: left;
width: 100%;
padding-left: 0px;
}
.honorlist ul.list li.item {
float: left;
width: 296px;
margin-bottom: 30px;
margin-right: 14px;
}
.honorlist ul.list li.item a:hover img {
opacity: 0.8;
}
.honorlist ul.list li.item a:hover span {
color: #fff;
}
.honorlist ul.list li.item span {
width: 100%;
height: 45px;
color: #555;
text-align: center;
display: block;
line-height: 45px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.honorlist ul.list li.item img {
width: 100%;
display: block;
padding: 1px;
}
.list_imgH ul.list li.item {
width: 286px;
margin-right: 30px;
}
.list_imgH ul.list li.item a {
display: block;
width: 100%;
overflow: hidden;
position: relative;
background: #f6f6f6;
}
.list_imgH ul.list li.item a:hover {
background: #62ba0c;
}
.list_imgH ul.list li.item img {
display: block;
width: 284px;
height: 213px;
}
.item_mask {
width: 284px;
height: 213px;
background: rgba(0,0,0,0);
position: absolute;
left: 1px;
top: 1px;
opacity: 0;
filter: Alpha(opacity=0);
*zoom:1;
-webkit-transform: rotateX(180deg) scale(0.5, 0.5);
transform: rotateX(180deg) scale(0.2, 0.2);
transition: all ease-out .5s;
}
.item_link_icon {
display: block;
width: 45px;
height: 45px;
text-align: center;
background-position: 0px -105px;
line-height: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
opacity: 0;
filter: Alpha(opacity=0);
*zoom:1;
}
.list_imgH ul.list li.item:hover .item_mask {
opacity: 1;
filter: Alpha(opacity=100);
-webkit-transform: rotateX(0deg) scale(1, 1);
transform: rotateX(0deg) scale(1, 1);
transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
background: rgba(0, 0, 0, 0.3);
}
.list_imgH ul.list li.item:hover .item_link_icon {
transform: translateY(-21px);
opacity: 1;
filter: Alpha(opacity=100);
}
.submian .t {
padding: 0 0 25px;
color: #62ba0c;
font-size: 18px;
}
.submian .t2 {
padding: 25px 0;
color: #62ba0c;
font-size: 24px;
}
/* formData */
.formData {
padding-bottom: 20px;
}
.formData .item {
float: left;
color: #999;
font-weight: normal;
width: 420px;
height: 56px;
line-height: 56px;
border: 1px solid #e4e4e4;
margin-right: 76px;
margin-bottom: 45px;
position: relative;
}
.formData .item label {
padding-left: 15px;
position: absolute;
left: 0;
top: 0;
z-index: 11;
text-align: center;
display: block;
margin: 0;
height: 56px;
line-height: 56px;
font-size: 18px;
color: #666;
}
.formData .item input {
outline: none;
line-height: 38px;
height: 38px;
font-size: 18px;
}
.formData .item .txt {
width: 350px;
height: 56px;
line-height: 56px;
display: block;
background: none;
padding-left: 70px;
border: 0 none;
color: #666;
}
.formData .item .red {
position: absolute;
right: 15px;
top: 0;
color: #ff0000;
z-index: 11;
}
.formData .item.mr0 {
margin-right: 0;
}
.formData .msg-box {
position: absolute;
left: 0;
top: 0px;
}
.formData .liuyan {
width: 918px;
height: 260px;
border: 1px solid #e4e4e4;
float: left;
}
.formData .liuyan label {
text-align: right;
display: block;
}
.formData .liuyan textarea {
width: 908px;
height: 234px;
line-height: 35px;
padding: 12px 10px;
text-indent: 100px;
font-size: 18px;
font-family: "microsoft yahei";
color: #333;
border: 0 none;
overflow: hidden;
background: none;
resize: none;
display: block;
outline: none;
}
.formData .bot {
width: 100%;
}
.formData .sub {
width: 232px;
line-height: 52px;
border: 2px solid #62ba0c;
margin-right: 2px;
text-align: center;
background: #62ba0c;
color: #FFF;
cursor: pointer;
font-size: 18px;
display: block;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-ms-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}
.formData .sub:hover {
background: none;
color: #62ba0c;
}
.formData .yzm .txt {
padding-left: 80px;
}
.formData .yzm img {
position: absolute;
right: 0;
top: 0;
height: 56px;
border: 0px;
display: block;
}
/** 新闻中心 **/
.submian .subright .thumblist {
}
.submian .subright .thumblist .list {
padding-bottom: 20px;
}
.submian .subright .thumblist .item {
width: 880px;
border-bottom: 1px solid #eaeaea;
display: block;
padding: 20px;
transition: all .5s;
}
.submian .subright .thumblist .item a {
display: block;
}
.submian .subright .thumblist .item .img {
position: relative;
width: 180px;
height: 135px;
display: block;
overflow: hidden;
cursor: pointer;
}
.submian .subright .thumblist .item img {
width: 100%;
height: 100%;
transition: all 0.3s ease-out 0s;
}
.submian .subright .thumblist .item a:hover img {
transform: scale(1.1, 1.1);
}
.submian .subright .thumblist .item .txt {
width: 680px;
cursor: pointer;
}
.submian .subright .thumblist .item .txt h3 {
font-size: 16px;
line-height: 30px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.submian .subright .thumblist .item .txt .mark {
color: #999;
font-size: 12px;
line-height: 30px;
padding: 0;
}
.submian .subright .thumblist .item .txt .mark span {
display: inline-block;
padding-right: 18px;
}
.submian .subright .thumblist .item .txt p {
color: #666;
line-height: 25px;
}
.submian .subright .thumblist .item .txt p span {
display: inline-block;
color: #62ba0c;
padding-left: 10px;
}
.submian .subright .thumblist .item a:hover .txt h3 {
color: #62ba0c;
}
.submian .subright .thumblist .item:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.reLink {
height: 38px;
border: 1px solid #ccc;
margin: 10px auto 10px;
padding: 0px 10px;
}
.reLink .prevLink, .reLink .nextLink {
height: 38px;
line-height: 38px;
}
.reLink .prevLink a, .reLink .nextLink a {
height: 38px;
line-height: 38px;
}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {
color: #62ba0c;
}
.reLink .prevLink {
float: left;
}
.reLink .nextLink {
float: right;
}
.submian .subright .conBox .ArticleTitle h1 {
font-size: 24px;
text-align: center;
padding: 20px 0px;
border-bottom: 1px dashed #ccc;
font-weight: bold;
}
.submian .subright .conBox .ArticleMessage {
line-height: 30px;
height: 30px;
margin-bottom: 10px;
text-align: center;
}
.submian .subright .conBox .ArticleMessage span:first-child {
margin-left: 0;
}
.submian .subright .conBox .ArticleMessage span {
color: #999;
margin-left: 14px;
font-size: 12px;
}
.submian .subright .conBox .ArticleMessage .jiathis_style {
float: left;
margin-top: 5px;
}
.submian .subright .conBox .ArticleTencont {
padding: 5px 0px 20px 0px;
line-height: 28px;
overflow: hidden;
color: #666;
font-size: 14px;
}
.submian .subright .showproduct .ArticleTencont img {
max-width: 100%;
}
.submian .subright .conBox .ArticleTencont img {
max-width: 100%;
}
.field_down {
text-align: left;
}
.field_down a {
width: 100px;
height: 30px;
line-height: 30px;
background: #0267ac;
color: #fff;
display: block;
text-align: center;
}
/********.toolbar*********/
.toolbar {
width: 50px;
position: fixed;
right: 1%;
top: 44%;
z-index: 999;
}
.toolbar dd {
width: 50px;
height: 50px;
margin-bottom: 1px;
position: relative;
background: url(../images/black20.png) repeat 0 0;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.toolbar dd i {
width: 50px;
height: 50px;
display: block;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
text-align: center;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.toolbar dd i span {
width: 35px;
height: 35px;
display: block;
margin: 7px 0 0 7px;
background: url(../images/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
display: none;
}
.toolbar .slide-tel {
display: block;
width: 0;
height: 50px;
line-height: 50px;
font-size: 24px;
font-family: arial;
color: #FFF;
position: absolute;
padding: 0 0 0 50px;
top: 0;
right: 0;
overflow: hidden;
-webkit-border-radius: 50px;
border-radius: 50px;
-webkit-transition: all .0s ease-in-out 0s;
-moz-transition: all .0s ease-in-out 0s;
transition: all .0s ease-in-out 0s;
}
.toolbar .pop {
position: absolute;
right: 90px;
top: -51px;
background: #62ba0c;
display: none;
}
.toolbar .pop-code {
width: 160px;
}
.toolbar .pop-code img {
width: 120px;
height: 120px;
display: block;
padding: 20px 20px 0;
}
.toolbar .pop-code h3 {
height: 52px;
line-height: 26px;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 400;
white-space: nowrap;
}
.toolbar .pop-code h3 b {
display: block;
font-size: 14px;
font-weight: normal;
}
.toolbar .qq span {
background-position: 0 -47px;
}
.toolbar .qq a {
width: 50px;
height: 50px;
cursor: pointer;
display: block;
}
.toolbar .qq:hover {
background: #62ba0c;
}
.toolbar .tel span {
background-position: 0 0;
}
.toolbar .tel:hover {
background: #62ba0c;
}
.toolbar .code span {
background-position: 0 -95px;
}
.toolbar .code:hover {
background: #62ba0c;
}
.toolbar .top span {
background-position: 0 -142px;
}
.toolbar .top:hover {
background: #62ba0c;
}
.subright .searchList {
border-top: 1px solid #ddd;
}
.subright .searchList li {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.subright .searchList li:first-child {
border-top: none;
}
.subright .searchList li:hover a h2 {
color: #62ba0c;
font-weight: bold;
}
.leftprocomt {
padding-top: 10px;
}
.leftprocomt li {
float: left;
text-align: center;
width: 117px;
margin-right: 10px;
}
.leftprocomt li img {
width: 117px;
height: 87px;
border-radius: 3px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.leftprocomt li p {
line-height: 30px;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.leftprocomt li:hover img {
-webkkit-filter: brightness(105%);
filter: brightness(105%);
}
.leftprocomt li:hover p {
color: #62ba0c;
}
/*******font-face********/
@font-face {
font-family: didot;
src: url('../font/didot.eot');
src: url('../fonts/didot.eot')format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/didot.woff') format('woff'), /* Modern Browsers */ url('../fonts/didot.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/didot.svg#didot') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */
}
/*↓组图样式↓*/
.HS10, .HS15 {
overflow: hidden;
clear: both;
}
.HS10 {
height: 10px;
}
.HS15 {
height: 15px;
}
.Hidden {
display: none;
}
.Clearer {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
margin: 0;
padding: 0;
}
.FlLeft {
float: left;
}
.FlRight {
float: right;
}
/*幻灯片区域背景*/
.MainBg {
width: 920px;
margin: 0 auto;
}
/*大图展示区域*/
.OriginalPicBorder {
padding: 0;
}
#OriginalPic {
width: 920px;
overflow: hidden;
position: relative;
font-size: 12px;
}
#OriginalPic img {
display: block;
min-width: 100px;
margin: 0 auto;
}
/*鼠标手势*/
.CursorL {
position: absolute;
z-index: 999;
width: 50%;
height: 600px;
color: #FFF;
left: 0;
}
.CursorR {
position: absolute;
z-index: 999;
width: 50%;
height: 600px;
color: #FFF;
right: 0;
}
/*小图预览和滑动*/
.SliderPicBorder {
width: 100%;
overflow: hidden;
}
.ThumbPicBorder {
width: 920px;
margin: 0 auto;
background: #eeeeee;
overflow: hidden;
position: relative;
}
.ThumbPicBorder #btnPrev {
width: 45px;
height: 113px;
cursor: pointer;
position: absolute;
left: 20px;
top: 20px;
}
.ThumbPicBorder #btnNext {
width: 45px;
height: 113px;
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
}
.ThumbPicBorder .pic {
width: 755px;
overflow: hidden;
position: relative;
margin: 20px auto;
}
#ThumbPic img {
border: 3px solid #ddd;
cursor: pointer;
background-color: #ddd;
margin: 0 5px;
width: 135px;
height: 108px;
display: block;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
border: 3px solid #62ba0c;
}
/*↑组图样式↑*/
/*搜索*/
.search {
height: 70px;
border-bottom: 1px solid #e2e2e2;
}
.search .fl {
line-height: 70px;
}
.search .fl a {
margin-right: 15px;
}
.search .fl span {
color: #333;
font-weight: bold;
}
.search .fr {
width: 384px;
height: 70px;
}
.search .fr input {
width: 280px;
height: 36px;
border: 1px solid #eee;
margin-top: 15px;
padding-left: 3px;
border-radius: 6px 0 0 6px;
padding-left: 15px;
}
.search .fr button {
width: 75px;
height: 40px;
background: url(../images/search.jpg) no-repeat;
border: none;
position: relative;
left: -10px;
top: 12px;
}
.head_adv {
width: 350px;
margin-top: 40px;
line-height: 30px;
font-size: 17px;
color: #333;
}
.head_adv span {
font-size: 27px;
color: #8cc322;
font-weight: bold;
}
.h_tel {
width: 300px;
border-left: 1px #ebebeb solid;
border-right: 1px #ebebeb solid;
height: 140px;
}
.hgtbhmk {
width: 195px;
margin: 0 auto;
margin-top: 35px;
}
.dianhtb {
width: 30px;
height: 30px;
float: left;
}
.kehftrx {
font-size: 17px;
color: #666;
float: left;
padding-top: 5px;
padding-left: 12px;
}
.dianhsj {
font-size: 28px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #62ba0c;
text-align: center;
padding-top: 6px;
}
/*产品*/
.ghdgcpb {
font-size: 38px;
font-weight: bold;
text-align: center;
color: #8cc322;
}
.ghdgcpb span {
font-size: 38px;
font-weight: bold;
color: #62ba0c;
}
.yzswnz {
font-size: 20px;
color: #333;
text-align: center;
padding-top: 2px;
height: 40px;
}
.xigtnjd {
width: 26px;
height: 25px;
margin: 0 auto;
animation: myfirst 2s infinite;
}
@keyframes myfirst {
0% {
transform: translate(0px, 0px);
}
50% {
transform: translate(0px, -10px);
}
100% {
transform: translate(0px, 0px);
}
}
/*展示*/
#tabs {
width: 1000px;
margin: 0 auto;
margin-top: 20px;
}
#tabs li {
float: left;
background: #8cc322;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
margin-left: 15px;
text-align: center;
width: 150px;
color: #fff;
margin-bottom: 12px;
border-radius: 10px;
}
#tabs li a {
float: left;
background: #8cc322;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
text-align: center;
width: 150px;
color: #fff;
border-radius: 5px;
}
#tabs li.currents {
background: #62ba0c;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
width: 150px;
margin-left: 15px;
color: #fff;
cursor: pointer;
border-radius: 5px;
}
#tabs li.currents a {
background: #62ba0c;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
width: 150px;
color: #fff;
cursor: pointer;
border-radius: 10px;
}
#contents {
width: 1200px;
margin: 0 auto;
}
#contents ul {
display: none;
}
.prod_row2 {
padding: 30px 0 0;
padding-top: 10px;
}
.prod_row2 .divproduct_new_div:after {
content: '';
display: block;
clear: both;
}
.prod_row2 .divproduct_new_div_item {
float: left;
width: 285px;
position: relative;
height: 282px;
transition: 0.3s all ease-in-out;
overflow: hidden;
margin: 20px 20px 0px 0;
}
.prod_row2 .divproduct_new_div_item:nth-child(4n) {
margin-right: 0;
}
.prod_row2 .divproduct_new_div_item .product_div_item_pic a,
.prod_row2 .divproduct_new_div_item .product_div_item_pic a img {
display: block;
width: 100%;
height: auto;
transition: 0.3s all ease-in-out
}
.prod_row2 .divproduct_new_div_item .product_div_item_pic {
position: absolute;
width: 275px;
border: 1px solid #d0d0d0;
padding: 4px;
height: 206px;
overflow: hidden;
top: 0;
left: 0;
bottom: auto;
}
.prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content {
height: 36px;
padding: 15px;
position: absolute;
width: 255px;
top: auto;
left: 0;
bottom: 0;
}
.prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content:before {
content: '';
background: url(../images/y.png) no-repeat center;
width: 15px;
height: 20px;
position: absolute;
bottom: 23px;
right: 18px;
display: block;
z-index: 2;
}
.prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #d0d0d0;
display: block;
left: 0;
top: auto;
transition: 0.3s all ease-in-out;
bottom: -65px;
}
.prod_row2 .divproduct_new_div_item:hover .divproduct_new_div_item_content:after {
bottom: 0;
background: #8cc322;
}
.prod_row2 .divproduct_new_div_item_body {
transition: 0.3s all ease-in-out;
}
.prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content .divproduct_new_div_item_a {
display: block;
line-height: 26px;
font-size: 18px;
padding: 5px 0 5px;
color: #222;
position: relative;
z-index: 3;
}
.prod_row2 .divproduct_new_div_item:hover .divproduct_new_div_item_content .divproduct_new_div_item_a {
color: #fff;
transition: 0.3s all ease-in-out;
}
.prod_row2 .divproduct_new_div_item .product_div_item_pic a {
width: auto;
height: auto;
}
.prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content .divproduct_new_div_item_body {
line-height: 24px;
font-size: 13px;
color: #999;
position: relative;
z-index: 3;
text-align: justify;
}
.prod_row2 .divproduct_new_div_item:hover .divproduct_new_div_item_content .divproduct_new_div_item_body {
transition: 0.3s all ease-in-out;
color: #aeffc6
}
.prod_row2 .divproduct_new_div_item:hover .product_div_item_pic a img {
transform: scale(1.1);
}
/*优势*/
#youshi_bg {
width: 100%;
height: 900px;
background: url(../images/ls.jpg) center no-repeat;
margin: auto;
}
#youshi_t {
width: 550px;
text-align: center;
margin: auto;
padding-top: 40px;
color: #fff;
padding-bottom: 15px;
}
.youshi_t1 {
line-height: 45px;
font-size: 42px;
font-weight: bold;
padding-top: 20px;
}
.youshi_t2 {
font-size: 16px;
line-height: 40px;
color: #c8e8f9;
}
.youshi_t3 {
padding-top: 10px;
margin: auto;
animation: myfirst 2s infinite;
display: inherit-block;
}
#youshi_fl {
width: 513px;
height: 630px;
background: url(../images/bs.png) left no-repeat;
float: left;
color: #fff;
}
.youshi_c {
width: 340px;
padding-top: 90px;
padding-left: 35px;
float: left;
}
.youshi_h1 {
font-size: 34px;
font-weight: bold;
line-height: 42px;
}
.youshi_h2 {
font-size: 28px;
line-height: 42px;
font-family: Century Gothic;
}
.youshi_h3 {
width: 320px;
height: 44px;
border: 1px solid #c8e8f9;
line-height: 44px;
text-align: center;
margin-top: 50px;
font-size: 18px;
}
.youshi_h4 {
width: 84px;
margin-right: 28px;
float: left;
text-align: center;
line-height: 42px;
font-size: 14px;
margin-top: 55px;
animation: myfirst 2s infinite;
display: inherit-block;
}
.youshi_h4 .v1 {
width: 82px;
height: 60px;
padding-top: 22px;
border: 1px solid #fff;
border-radius: 5px;
}
.youshi_ted {
width: 290px;
height: 22px;
line-height: 22px;
background: url(../images/tel.png) left no-repeat;
float: left;
font-size: 16px;
padding-left: 35px;
margin-top: 55px;
}
.youshi_ted span {
float: left;
}
.youshi_ted strong {
font-size: 28px;
font-family: Arial, Helvetica, sans-serif;
float: left;
color: #ff0;
}
#youshi_r {
width: 810px;
height: 565px;
float: right;
background: rgba(200, 232, 249, 0.85);
margin-top: -595px;
}
.youshi_p {
width: 340px;
float: left;
padding-top: 35px;
padding-bottom: 10px;
padding-left: 45px;
}
.youshi_p:hover {
-webkit-animation: test 0.4s ease-in 2;
cursor: pointer;
}
@-webkit-keyframes test {
0% {
transform: translate(0, 0)
}
50% {
transform: translate(0, 5px)
}
100% {
transform: translate(0, 0)
}
}
.youshi_v1 {
font-size: 46px;
line-height: 46px;
font-family: Arial, Helvetica, sans-serif;
color: #8cc322;
}
.youshi_v2 {
line-height: 50px;
font-size: 26px;
padding-bottom: 5px;
color: #222;
}
.youshi_v3 {
width: 55px;
height: 2px;
background: #8cc322;
}
.youshi_v4 {
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #666;
}
/*优势*/
.aygnwydj {
width: 347px;
height: 56px;
background: url(../images/ab.png) center no-repeat;
margin: 0 auto;
}
.gyxtjhw {
font-size: 36px;
font-weight: bold;
text-align: center;
padding-top: 10px;
color: #333;
}
.gyxtjhw font {
font-size: 36px;
font-weight: bold;
color: #8cc322;
}
.shgbbtl {
width: 10px;
height: 420px;
background: #8cc322;
float: left;
}
.hsgbjtzb {
width: 537px;
height: 340px;
background: #f6f6f6;
padding: 40px 45px 40px 45px;
float: left;
}
.ngjlswbz {
font-size: 22px;
color: #62ba0c;
height: 56px;
}
.gjgnjsld {
font-size: 14px;
line-height: 36px;
color: #333;
height: 218px;
}
.srhlsnkd {
width: 130px;
height: 51px;
background: #8cc322;
margin-right: 1px;
float: left;
font-size: 16px;
color: #fff;
line-height: 51px;
text-align: center;
}
.srhlsnkd a {
width: 130px;
height: 51px;
background: #8cc322;
float: left;
font-size: 16px;
color: #fff;
line-height: 51px;
text-align: center;
display: block;
}
.srhlsnkd a:hover {
width: 130px;
height: 51px;
background: #62ba0c;
float: left;
font-size: 16px;
color: #ff0;
line-height: 51px;
text-align: center;
display: block;
}
.jjbtyz {
width: 560px;
float: left;
overflow: hidden;
cursor: pointer
}
.jjbtyz img {
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
width: 560px;
}
.jjbtyz img:hover {
-webkit-transform: scale(1.12, 1.12);
transform: scale(1.12, 1.12);
-moz-transform: scale(1.12, 1.12);
}
/*公用*/
.top40 {
margin-top: 40px;
}
.top50 {
margin-top: 50px;
}
.totalwidth {
width: 1200px;
margin: 0 auto;
height: auto;
}
.clear {
clear: both;
font-size: 0px;
overflow: hidden;
height: 0px;
}
.liucheng {
height: 330px;
overflow: hidden;
}
.liucheng ul li {
float: left;
display: inline-block;
transition-duration: 0.8s;
width: 172px;
height: 155px;
border: 1px solid #cccccc;
margin-right: 30px;
text-align: center;
}
.liucheng ul li:hover {
margin-top: 10px;
}
.liucheng ul li:last-child {
margin-right: 0;
}
.liucheng ul li img {
margin-top: 38px;
}
.liucheng ul li p {
font-size: 16px;
margin-top: 8px;
}
.about {
background: url(../images/aboutbg.jpg) no-repeat top center;
height: 440px;
overflow: hidden;
padding-top: 54px;
}
.about .fl {
float: left;
display: inline-block;
width: 622px;
}
.about .fr {
float: right;
display: inline-block;
padding-top: 20px;
}
.about .fr img {
width: 482px;
height: 307px;
border-radius: 10px;
border: 15px solid #FFF;
}
.about .fl span {
color: #4f5358;
font-size: 30px;
font-weight: bold;
}
.about .fl h2 {
font-weight: bold;
color: #FFF;
position: relative;
height: 50px;
}
.about .fl h2:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 70px;
height: 3px;
background: #62ba0c;
}
.about .fl .info {
font-size: 12px;
line-height: 25px;
color: #FFF;
margin-top: 20px;
}
.about .fl .more {
width: 185px;
height: 42px;
line-height: 42px;
border-radius: 5px;
margin-top: 20px;
background: #62ba0c url(../images/ico03.jpg) no-repeat 40px center;
display: block;
}
.about .fl .more a {
color: #FFF;
padding-left: 80px;
}
.honor {
height: auto;
overflow: hidden;
text-align: center;
margin-top: -55px;
}
.honor .hd {
height: 55px;
overflow: hidden;
width: 100%;
}
.honor .hd ul li {
display: inline-block;
width: 200px;
height: 55px;
font-size: 16px;
line-height: 55px;
margin-right: 12px;
}
.honor .hd ul li a {
background: #f2f2f2;
width: 200px;
height: 55px;
display: block;
border-radius: 5px 5px 0 0
}
.honor .hd ul li a:hover {
background: #62ba0c;
color: #FFF;
}
.honor .hd ul li.on a {
background: #62ba0c;
color: #FFF;
}
.honor .bd {
padding-top: 40px;
}
.honor .bd ul li {
float: left;
display: inline-block;
margin-right: 20px;
text-align: center;
font-size: 16px;
width: 285px;
height: 189px;
border: 1px solid #ccc;
overflow: hidden;
}
.honor .bd ul li img {
max-width: 287px;
height: 190px;
}
.container {
width: 1200px;
margin: 0 auto;
}
#pop-box {
width: 580px;
height: 305px;
background-color: #96befc;
margin: auto;
position: fixed;
z-index: 15;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 5px;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition-duration: 400ms;
-moz-transition-duration: 400ms;
-ms-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms;
}
#pop-box .close {
width: 15px;
height: 15px;
background: url(../images/zixun-close.png) no-repeat center center;
padding: 5px;
position: absolute;
z-index: 1;
top: 7px;
right: 7px;
}
#pop-box .fonts {
height: 207px;
line-height: 45px;
font-size: 28px;
color: #fff;
background: url(../images/zixun-bg.jpg) no-repeat center center;
padding: 15px;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#pop-box .btn {
width: 160px;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #fff;
background-color: #0f469c;
border-radius: 40px;
margin: 30px auto 0;
text-align: center;
display: block;
padding: 0;
}
#pop-box .btn1 {
width: 160px;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #fff;
background-color: #0f469c;
border-radius: 40px;
margin: 30px auto 0;
text-align: center;
display: block;
padding: 0;
}
#pop-box .fonts span {
font-size: 48px;
color: inherit;
}
#pop-box.show {
visibility: visible;
opacity: 1;
}
.header {
height: 157px;
}
.top {
height: 36px;
line-height: 36px;
color: #666;
border-bottom: 1px solid #e2e2e2;
}
.top a {
padding: 5px 8px;
color: #666;
}
.top ul {
float: right;
}
.top ul li {
float: left;
padding: 0 10px;
}
.top .fr {
position: relative;
}
.top .fr img {
position: relative;
top: 3px;
margin-right: 4px;
}
#logo {
height: 140px;
width: 100%;
}
#logo .logo {}
#logo .logo img {
margin-top: 24px;
height: 67px;
}
#logo .company {
padding-left: 15px;
border-left: 1px solid #c4c4c4;
height: 60px;
margin-top: 25px;
margin-left: 10px;
padding-top: 5px;
}
#logo .company h2 {
font-size: 24px;
color: #62ba0c;
font-weight: bold;
}
#logo .company h3 {
font-size: 18px;
margin-top: 5px;
color: #666;
}
#logo .tel {
background: url(../images/tel.jpg) no-repeat left center;
height: 120px;
width: 200px;
padding-left: 58px;
}
#logo .tel p {
font-size: 16px;
color: #666;
margin-top: 35px;
}
#logo .tel p span {
font-size: 30px;
display: block;
font-weight: bold;
color: #666;
}
.sec-title {
text-align: center;
padding: 40px 0;
height: 40px;
position: relative;
}
.sec-title h2 {
font-size: 24px;
color: #252525;
font-weight: bold;
}
.sec-title h2 span {
color: #62ba0c;
}
//设置全屏平铺
.video{
width: 100%;
height: 100%;
display: block;
object-fit: contain;
}
/* 隐藏video 全屏按钮 */
.video::-webkit-media-controls-fullscreen-button {
display: none;
}
/* 隐藏video 播放按钮 */
.video::-webkit-media-controls-play-button {
display: none;
}
/* 隐藏video 进度条 */
.video::-webkit-media-controls-timeline {
display: none;
}
/* 隐藏video 观看的当前时间 */
.video::-webkit-media-controls-current-time-display{
display: none;
}
/* 隐藏video 剩余时间 */
.video::-webkit-media-controls-time-remaining-display {
display: none;
}
/* 隐藏video 音量按钮 */
.video::-webkit-media-controls-mute-button {
display: none;
}
.video::-webkit-media-controls-toggle-closed-captions-button {
display: none;
}
/* 隐藏video 音量的控制条 */
.video::-webkit-media-controls-volume-slider {
display: none;
}
/* 隐藏video 所有控件 */
.video::-webkit-media-controls-enclosure{
display: none;
}